
<%@ page contentType="text/html;charset=UTF-8" language="java" %><!DOCTYPE html><!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/上传文件.css">
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src=" https://cdn.bootcss.com/jquery.form/4.2.2/jquery.form.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/ajaxfileupload.js"></script>
</head>



<body>
<div class="wrap-sign">

    <div class="page-sign">
        <img src="images/bg2.png">
        <div class="header">
            <div class="sign-wrap-resume-parse">
                <div class="side-slide-box">
                    <a href="zhaoping2.jsp" ka="header-logo" class="logo">
                        <img src="images/pro1.png">
                        <div class="desc">
                            <em>找工作</em>
                            <p>上BOSS直聘直接谈</p>
                        </div>
                    </a>
                </div>
                <div class="resume-parse-content">
                    <div class="inner-box">
                        <h4>请上传您的简历</h4>
                        <div class="sub-title">支持DOC、DOCX、PDF格式简历文件<br>
                            <span class="text-red">文件大小不超过 8 M</span>
                            <div class="resume-parse-content-inner-box-sub-title-div">

<%--                                外来的--%>
                                <form method="post" enctype="multipart/form-data" id="imgform">
                                    <input type="file" name="myfile" id="myfile">
                                </form>

                            </div>



                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>


<script type="text/javascript" >

    $('#myfile').change( function() {
        $("#imgform").ajaxSubmit({
            url: "qiniutest/upload",
            method: 'POST',
            datType: 'json',
            success: function (data) {
                console.log(data.imgUrl);
                 var ele = "<img src=\"\"/>"
                 $("#preview").append(ele);
                $("#preview").find("img").attr("src",data.imgUrl);
            },
            error: function (data) {
                alert(data);
            }
        })
    })
</script>
</body>

</html>